<template>
  <div id="app">
    <router-view />
  </div>
</template>

<style lang="scss">
body {
  * {
    margin: 0;
    padding: 0;
  }
  .v-modal {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0.5;
    background: #000;
  }
  .v-modal-enter {
    animation: v-modal-in 0.5s ease;
  }
  .v-modal-leave {
    animation: v-modal-out 0.5s ease;
  }
  @-webkit-keyframes v-modal-in {
    0% {
      opacity: 0;
    }
  }
  @keyframes v-modal-in {
    0% {
      opacity: 0;
    }
  }
  @-webkit-keyframes v-modal-out {
    0% {
      opacity: 0;
    }
  }
  @keyframes v-modal-out {
    0% {
      opacity: 0;
    }
  }
}
</style>
